<template>
<!--委托人-->
  <div class="trustee-index">
    <order-module-title title="委托人"/>
    <div class="trustee-body">
      <div class="body-item item-title item-border"><span style="color: red">*</span>委托方</div>
      <div class="body-item item-title item-border"><span style="color: red">*</span>委托人</div>
      <div class="body-item item-title item-border"><span style="color: red">*</span>联系电话</div>
      <div class="body-item item-title item-border"><span style="color: red">*</span>提货地址</div>
      <div class="body-item item-title item-border"><span style="color: red">*</span>提货联系人</div>
      <div class="body-item item-title item-border"><span style="color: red">*</span>联系电话</div>

      <div class="body-item item-border">
        <el-input type="text" v-model="data.trustee" placeholder="请输入"/>
      </div>
      <div class="body-item item-border">
        <el-input type="text" v-model="data.name" placeholder="请输入"/>
      </div>
      <div class="body-item item-border">
        <el-input type="text" v-model="data.phone" placeholder="请输入"/>
      </div>
      <div class="body-item item-border">
        <el-input type="text" v-model="data.address" placeholder="请输入"/>
      </div>
      <div class="body-item item-border">
        <el-input type="text" v-model="data.delivery" placeholder="请输入"/>
      </div>
      <div class="body-item item-border">
        <el-input type="text" v-model="data.deliveryPhone" placeholder="请输入"/>
      </div>



      <div style="clear: both"></div>
    </div>
  </div>
</template>

<script>
import OrderModuleTitle from "@/components/order/component/OrderModuleTitle";
export default {
  name: "Trustee-index",
  components:{
    OrderModuleTitle,

  },
  data(){
    return {
      data:{
        trustee: '',
        name: '',
        phone: '',
        address: '',
        delivery: '',
        deliveryPhone: '',
      }
    }
  }
}
</script>

<style scoped lang="scss">

.trustee-body{
  margin-top: 10px;
  width: 220px * 6 + 1px;
  max-width: 220px * 6 + 1px;
  text-align: center;
  border-top: 1px black solid;
  border-left: 1px black solid;

  .body-item {
    width: 220px;
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
  }

  .item-title{
    background-color: #B3C0D1;
  }
  .item-border{
    border-right: 1px black solid;
    border-bottom: 1px black solid;
  }


}
</style>